<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>怡荭书苑</title>
    <link rel="stylesheet" href="../css/common/base.css">
    <link rel="stylesheet" href="../css/sign.css">
    <!--<script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>-->
    <!--<script>eruda.init();</script>-->
    <script>(function flexible(c,b){var h=b.documentElement;var d=c.devicePixelRatio||1;function g(){if(b.body){b.body.style.fontSize=(12*d)+"px"}else{b.addEventListener("DOMContentLoaded",g)}}g();function e(){var i=h.clientWidth/10;h.style.fontSize=i+"px"}e();c.addEventListener("resize",e);c.addEventListener("pageshow",function(i){if(i.persisted){e()}});if(d>=2){var f=b.createElement("body");var a=b.createElement("div");a.style.border=".5px solid transparent";f.appendChild(a);h.appendChild(f);if(a.offsetHeight===1){h.classList.add("hairlines")}h.removeChild(f)}}(window,document));</script>
</head>
<body>
<div class="sign-wrapper">
    <div class="header">
        <div class="back-wrapper inline"></div>
        <div class="inline title tc">签到有礼</div>
        <div class="inline sign-recode-btn tr">签到记录</div>
    </div>
    <div class="sign-top-wrapper pr">
        <img src="../img/top-big.png" alt="" width="100%" class="big-bg">
        <img src="../img/top-small.png" alt="" width="100%" class="small-bg">
        <div class="btn-and-assets pa">
            <div class="coin-wrapper inline tc">
                <div>可用书币</div>
                <p></p>
            </div>
            <div class="sign-btn-wrapper inline tc">
                <div class="sign-btn btn">签到</div>
                <div class="next-sign-btn btn">
                    <p class="sign-coin"></p>
                    <p>补签</p>
                </div>
            </div>
            <div class="gift-wrapper inline tc">
                <div>可用书券</div>
                <p></p>
            </div>
        </div>
        <div class="new-sign-bg pa">
            <div class="new-sign-wrapper clearfix">
                <div class="new-sign-btn new-btn fr border-1px-all tc">领取</div>
                <div class="new-signed-btn new-btn fr border-1px-all tc">已领取</div>
            </div>
            <ul class="award-detail-wrapper tc">
            </ul>
        </div>
    </div>
    <div class="sign-bottom-wrapper">
        <div class="daily-sign-title clearfix">
            <div class="left-wrapper fl">签到</div>
            <div class="right-wrapper fr" onclick="showSignRule()">签到规则 ></div>
        </div>
        <div class="daily-sign-detail">
            <ul>

            </ul>
        </div>
    </div>
    <div class="sign-success-wrapper">
        <div class="sign-success">
            <div class="success-detail">
            </div>
        </div>
    </div>
    <div class="sign-rule-wrapper">
        <div class="sign-rule-content pr">
            <div class="title tc">签到规则</div>
            <span class="close-wrapper pa" onclick="hideSignRule()"></span>
            <div class="sign-rule-detail">
                <h4>(一) 新用户登录豪华礼包</h4>
                <div>
                    1、新用户每日首次登录书城，可获得新用户签到福利，共计7次。
                </div>
                <h4>(二) 每日签到</h4>
                <div>
                    1、签到周期为自然月，每个自然月总计可签到次数为当月实际天数,每月1号清零。
                </div>
                <div>
                    2、可补签，每个自然月补签不限次数。补签消耗书币详情：第1次消耗10书币，第二次消耗20书币，第三次消耗30书币，第四次消耗50书币，第五次及以上消耗60书币
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../js/libs/zepto.min.js"></script>
<script src="../js/libs/common.js"></script>
<script src="../js/sign.js"></script>
</body>
</html>